Bộ function dành cho react-native. Giúp bạn tích hợp tính năng thanh toán bằng thẻ quốc tế (VISA, MasterCard), thẻ ngân hàng nội địa ATM thông qua cổng thanh toán ngân lượng.
- Ngân lượng sẽ giúp bạn record lại thông tin đơn hàng và dịch vụ thanh toán online trên nền tảng mobile
- Giảm thời gian chi phí cho việc tích hợp từng phương thức thanh toán riêng biệt.
- Giảm thời gian tích hợp nếu bạn tự mình code theo hướng dẫn của ngân lượng, có những thứ mà document không đề cập đến. Có thể tiết kiệm đến 3 ngày nghiên cứu.
- Code ngắn gọn, đơn giản, dể hiểu và dễ tuỳ chỉnh theo ý thích của bạn.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Bộ function có 2 files, bạn copy vào bất kì đâu trong bộ source của bạn là sử dụng được:
- PaymentNganLuong.js : component chính để thao tác với cổng ngân lượng.
+ Tuỳ chỉnh đầu vào các thông tin của sản phẩm trong function CreateCheckout
+ Tuỳ chỉnh điều hướng khi thanh toán thành công/thất bại ở function checkStatus
+ Tuỳ chỉnh View hiển thị nếu thấy cần thiết
- PaymentNganLuongUtils.js : các config quan trọng và function hỗ trợ
+ SITE_ID, SITE_PASSWORD: id và password của tài khoản cổng thanh toán ngân lượng. Sau khi liên hệ bên ngân lượng để tạo tài khoản, bạn đăng nhập trên website bên ngân lượng để hoàn thành các bước xác thực thông tin và sẽ thấy được 2 trường này. Sẽ có document bên ngân lượng hướng dẫn cho bạn
+ API_CREATE_ORDER, API_STATUS_ORDER: 2 đường link dùng để liên kết với server ngân lượng. Trong code mình có để 2 bộ cho 2 môi trường Sanbox (thử nghiệm) và production (server chính), bạn switch cho phù hợp là được
+ EMAIL_RECIEVER: email sẽ nhận thông báo từ server ngân lượng khi có khách hàng thanh toán
***** Lưu ý *****
- Bạn nên để nguyên source config để test xem nó hoạt động trước khi change theo ý đồ project của bạn
- Chủ động liên hệ với bên ngân lượng để tạo tài khoản production sớm vì cái này là 1 quá trình contact thống nhất giữa 2 bên để kí hợp đồng. Có thể mất 1 tuần.
Chúc các bạn thành công!
Thanks.